<template>
  <view class="zongti">
    <navBar :title="title"></navBar>
    
    <view class="view_one">
		<text style="font-size: 40rpx;">基础信息</text>
      <view class="view_two">
        <text class="text_two">
          *所属栋舍：
        </text>
        <select
          v-model="fieldValue"
          placeholder="请选择"
          size="large"
          style="width: 370rpx; height: 60rpx;"
        >
          <option
            v-for="item in fieldOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </select>
      </view>
	  
	  <view class="view_two">
	    <text class="text_two">
	      *发病数量：
	    </text>
	    <input style="border: 1rpx solid black;width: 370rpx; height: 60rpx;" placeholder-style="font-size: 40rpx; padding: 0 10rpx;" v-model="input"  placeholder="请输入" />
	  </view>
	  
      <view class="view_two">
        <text class="text_two">
          *发病类型：
        </text>
        <input style="border: 1rpx solid black;width: 370rpx; height: 60rpx;" placeholder-style="font-size: 40rpx; padding: 0 10rpx;" v-model="input"  placeholder="请输入" />
      </view>
	  
	  <view class="view_two">
	    <text class="text_two">
	      *发病时间：
	    </text>
	    <!-- <uni-section :title="'日期时间用法：' + datetimesingle" type="line"></uni-section> -->
	    		<view class="example-body">
	    			<uni-datetime-picker type="datetime" v-model="datetimesingle" @change="changeLog" />
	    		</view>
	  </view>
      
      <view class="view_three">
		  
		  <text >备注：</text>
		  <textarea
		  class="textduohang" 
		  v-model="textarea" 
		  placeholder-style="font-size:30rpx"
		  placeholder="最多不超过300字"></textarea>
		  
	  </view>
	  
      
    </view>
	
	<view class="fabu">新增</view>
  </view>
</template>

<script>
import navBar from '../../../pages/renwuguanli/component/navBar.vue';
import xiaodu from '../component/xiaodu.vue'

export default {
  data() {
    return {
      title: '新增猪只疫病',
      fieldValue: '',
	  input:'',
      buildingValue: '',
      fieldOptions: [
        { value: '1', label: '场区1' },
        { value: '2', label: '场区2' },
        { value: '3', label: '场区3' }
      ],
      buildingOptions: [
        { value: '1', label: '栋舍1' },
        { value: '2', label: '栋舍2' },
        { value: '3', label: '栋舍3' }
      ]
    }
  },
  methods: {
    
  },
  components: {
    navBar,
    xiaodu
  }
}
</script>

<style>
.zongti {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}

.view_one {
  width: 100%;
  padding: 10rpx 40rpx;
}

.text_one {
  font-size: 40rpx;
}

.view_two {
  display: flex;
  width: 100%;
  height: 70rpx;
  padding: 20rpx 40rpx;
  margin-top: 20rpx;
  align-items: center;
}

.text_two {
  font-size: 35rpx;
}

.view_three{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20rpx 40rpx;
	margin-top: 20rpx;
}

.textduohang {
  width: 100%;
  padding: 0 10rpx;
  height: 200rpx;
  border: 1rpx solid black;
  margin-top: 20rpx;
}

.fabu {
  width: 80%;
  background-color: rgb(0, 112, 255);
  height: 70rpx;
  color: white;
  text-align: center;
  line-height: 70rpx;
  margin-top: 100rpx;
  font-size: 40rpx;
}

.example-body {
		/* background-color: #fff; */
		padding: 10px;
		width: 400rpx;
	}
</style>
